import '@unocss/reset/tailwind-compat.css';

import { createApp } from 'vue'

import i18n from './i18n';
import store from './stores';
import globalComponents from './components';
import directive from './directive';
import router from './router';
import App from './App.vue';
import lozad from '@/common/utils/lozad';

import 'virtual:uno.css';
import './assets/style/global.scss';

const observer = lozad('.lozad', {
  enableAutoReload: true,
});

observer.observe();

const app = createApp(App);

app.use(i18n);
app.use(store);
app.use(globalComponents);
app.use(directive);
app.use(router);

app.mount('#app');
